<template>
    <div>
        <div class="title-row">
            <span class="text-333 text-[30px] w-[140px] inline-block">新闻中心</span>
            <span class="text-333 opacity-[0.2] text-[20px] h-[30px] split">
                ——News Center</span>
        </div>
        <div class="flex">
            <ul class="tag-list">
                <li v-for="item in tagList" :key="item.id" :class="{ 'active-tag': currentTab.value == item.id }">{{
                    item.label }}</li>
            </ul>
            <div class="width-[calc(100%-140px)] flex-1">
                <div class="news-item"></div>
            </div>
        </div>
    </div>
</template>
<script setup>
import { ref, reactive } from 'vue'
import 蒙版组41_2 from '@/assets/news/蒙版组 41 (2).png'
import 蒙版组41 from '@/assets/news/蒙版组 41.png'
import 产品top2 from '@/assets/news/产品top2.png'
import 产品top1 from '@/assets/news/产品top1.png'
import 蒙版组41_1 from '@/assets/news/蒙版组 41 (1).png'
import 首页top1 from '@/assets/news/首页top1.png'
import exsilent超低噪声技术 from '@/assets/news/exsilent超低噪声技术.png'
const tagList = ref([
    { label: '新品发布', id: 0 },
    { label: '行业新闻', id: 1 },
    { label: '艾诺新闻', id: 2 }
])
const currentTab = reactive({ value: 0 });

const newsList = ref([
    {
        title: '带I2C通讯的、可堆叠高功率密度的电源模块（ ezSIP®）-EZ8630',
        content: '艾诺半导体公司的电源ezSiP(System-in-Package)直流稳压器是完整的系统化封装电源解决方案，在紧凑型表贴LQFN或BGA封装内集成DC/DC电源芯片、电感及滤波和补偿组件。电源ezSiP直流稳压器可以有效满足有设计时间和空间限制难题的工程师需求，为他们提供高效、可靠的电源管理解决方案。',
        img: 蒙版组41_1,
        time: '2021-01-28',
    },
    {
        title: '电源也有"孪生兄弟"？—EZ8306&EZ8310',
        content: 'EZ8306和EZ8310分别是带载6A和带载10A单路输出的超高集成度电源SiP直流稳压器。整体封装大小仅为3mm x 4mm x 1.3mm，两款产品PIN脚分布相同，对于工程师来说两款产品相互替代，无需改版的人力物力的消耗。',
        img: 蒙版组42_1,
        time: '2021-01-28',
    },
    {
        title: '车规级芯片ES5423-拥有3μA超低工作静态电流，超低EMI噪声的3A降压转换器',
        content: 'ES5423是杭州艾诺半导体研发的一款超高性能、宽压输入同步降压转换器芯片，输入电压范围为3V~42V，输出电流为3A，带有侧面可润湿湿翼DFN-10 3mmx3mm封装，符合AEC-Q100规范，可广泛应用于车载电子、工业自动化、电池供电设备等场景。',
        img: 蒙版组43_1,
        time: '2021-01-28',
    },
    {
        title: '90A的智能功率级（SPS/DrMOS）——ES5131&ES5132',
        content: '艾诺半导体公司的90A智能功率级（Smart Power Stage）采用业界标准封装，为数据中心、云计算、人工智能、通讯等应用中的低压大电流DC/DC电源系统提供高集成度、高效率、高可靠性的解决方案。该产品不仅是国内首家，而且其性能也比肩全球顶尖厂商的同类产品，具有很强的市场竞争力。',
        img: 蒙版组43_1,
        time: '2021-01-28',
    },
    {
        title: 'exSILENT® 超低EMI噪声技术',
        content: '艾诺半导体公司的90A智能功率级（Smart Power Stage）采用业界标准封装，为数据中心、云计算、人工智能、通讯等应用中的低压大电流DC/DC电源系统提供高集成度、高效率、高可靠性的解决方案。该产品不仅是国内首家，而且其性能也比肩全球顶尖厂商的同类产品，具有很强的市场竞争力。',
        img: 蒙版组43_1,
        time: '2021-01-28',
    },
    {
        title: '开关电源纹波产生的原因和优化方法',
        content: '艾诺半导体公司的90A智能功率级（Smart Power Stage）采用业界标准封装，为数据中心、云计算、人工智能、通讯等应用中的低压大电流DC/DC电源系统提供高集成度、高效率、高可靠性的解决方案。该产品不仅是国内首家，而且其性能也比肩全球顶尖厂商的同类产品，具有很强的市场竞争力。',
        img: 蒙版组43_1,
        time: '2021-01-28',
    },
    {
        title: '17V输入，高效率、高可靠性同步降压电源模块（                 ）',
        content: '艾诺半导体公司的90A智能功率级（Smart Power Stage）采用业界标准封装，为数据中心、云计算、人工智能、通讯等应用中的低压大电流DC/DC电源系统提供高集成度、高效率、高可靠性的解决方案。该产品不仅是国内首家，而且其性能也比肩全球顶尖厂商的同类产品，具有很强的市场竞争力。',
        img: 蒙版组43_1,
        time: '2021-01-28',
    }
])

</script>
<style lang="scss" scoped>
.title-row {
    margin-top: 24px;

    .split {
        border-bottom: 2px solid #D8D8D8;
        width: calc(100% - 180px);
        display: inline-block;
        text-align: right;
    }
}

.tag-list {
    margin-top: 10px;
    padding-left: 20px;
    width: 140px;
    display: inline-block;
}

li {
    list-style-type: disc;
    font-size: 20px;
    margin-top: 20px;

    &.active-tag {
        color: #712C2F;
    }

    &:hover {
        color: #712C2F;
    }
}

.news-item {
    height: 172px;
    width: 100%;
    border-radius: 2px;
    opacity: 1;
    box-sizing: border-box;
    border: 1px solid rgba(51, 51, 51, 0.4);
    margin-top: 10px;
}
</style>